<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>拉勾教育 - 拉勾旗下教育平台</title>
    <link rel="shortcut icon" href="../lagou_favicon.ico"  type="image/x-icon"/> 
    <link rel="stylesheet" href="../css/nomolize.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/user.css">
</head>
<body>
     <!--提示框-->
     <div class="tips_content2">

     
    </div>
       <!-- 顶部白色框 -->
       <div class="top">
        <div class="middle w">
        <!-- 左半部分：logo -->
            <div class="logo">
                <img src="../images/logo.png">
                <span class="name">拉勾教育</span>
                <span  class="desc">互联网人实战大学</span>
            </div>
            <!-- 右半部分:导航和用户登录注册 -->
            <div class="nav-user">
            <!-- 导航 -->
            <div class="nav">
                <ul>
                    <li><a href="index.html" id="bold">选课</a></li>
                    <li><a href="learn.html" id="bold">学习</a></li>
                    <li><a href="#" id="bold">企业培训</a></li>
                </ul>
            </div>
            <!-- 用户已经登录 -->
                <div class="user2">
                    <span class="username2">aa</span>
                    <img class="header_img2" src="../images/profile.png">
                    <ul class="menu2">
                        <li><a id="pc_cr" href="user.html">个人中心</a></li>
                        <li><a href="#">退出登录</a></li>
                    </ul>     
                </div> 
            </div>
        </div>
    </div>
    <!-- tab菜单 -->
    <div class="tab">
        <!-- 左边：选择栏 -->
        <div class="tab_list">
            <ul>
                <li class="current">修改头像</li>
                <li>修改昵称</li>
                <li>修改密码</li>
                <li>充值</li>
            </ul>
        </div>
        <!-- 右边：具体内容 -->
        <div class="tab_con">
            <!-- 头像 -->
            <div class="item" style="display: block;">
                <div class="profile">当前头像</div>
                <div class="pic">
                    <img class="header_img3" src="../images/profile.png" alt="" >
                </div>
                <form>
                    <input class="file" type="file" name="更换头像">
                </form>
                <button class="Queren">上传</button>
            </div>
            <!-- 姓名 -->
            <div class="item" style="display: none;">
                <div class="name">昵称</div>
                <div class="change">
                    <input class="new_username">
                </div>
                <button class="rename">更新昵称</button>
            </div>
            <!-- 密码 -->
            <div class="item" style="display: none;">
                <div class="password">请输新密码 : </div>
                <botton class="change_pw">修改密码</botton>
            </div>
           <div class="chainge_pv_content">
             <button class="pw_close"></button>
             <div class="pwinput_content">
                 <div class="pw_ch_title">设置密码</div>
                 <div class="new_pw_input_content">
                     <div class="new_pw_input_title">输入新密码</div>
                     <input class="new_pw_input" type="password" placeholder="请输入新密码"/>
                 </div>
                 <div class="new_pw_input_content2">
                    <div class="new_pw_input_title2">输入旧密码</div>
                    <input class="new_pw_input2" type="password" placeholder="请输入旧密码"/>
                </div>
                <div Pwchainge_button>
                    <button class="Chainge_Queren">确认</button>
                    <button class="Chainge_Quxaio">取消</button>
                </div>
            </div>
           
             
            </div>
            <!-- 充值 -->
            <div class="item" style="display: none;">
                <div class="money">当前余额</div>
                <div class="money1"></div>
                <div class="paid_moneyBox">请输入充值额 <input class="money_input" type="text"></div>
                <botton class="recharge">充值</botton>
            </div>
        </div>
    </div>
  <!-- 底部制作 -->
  <div class="footer">
    <div class="top">
        <div class="para w">
            <div class="left">
                <div class="title">拉勾教育</div>
                <div class="desc">拉勾旗下专为互联网人打造的实战大学</div>
            </div>
            <div class="right">
                <div class="r_wrap">
                <!--第一个图文-->
                    <div class="img_content">
                        <div class="img">
                            <img src="../images/code1.png" alt="">
                        </div>
                        <div class="content">
                            <div class="title">关注公众号</div>
                            <div class="des">接收一手优惠信息</div>
                        </div>
                    </div>
                    <!--第二个图文-->
                    <div class="img_content">
                        <div class="img">
                            <img src="../images/code2.png" alt="">
                        </div>
                        <div class="content">
                            <div class="title">下载APP</div>
                            <div class="des">随时随地学习</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="btm">©2021 拉勾网 京ICP备14023790号-2 京公网安备 11010802024043</div>
</div>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
    <script type="text/javascript" src="../js/user.js"></script>
    <script type="text/javascript" src="../js/logandrg.js"></script>
    <script type="text/javascript" src="../js/getUserIn.js"></script>
</body>
</html>